doctype html
html(lang='en')
    head
        meta(charset='UTF-8')
        title 股东投票
        link(rel="icon" href="/Favicon.ico" type="image/x-icon")
        link(rel='stylesheet' type='text/css' href='/stylesheets/home.css')
        link(rel='stylesheet' type='text/css' href='/stylesheets/bootstrap.min.css')
        script(src='javascripts/jQuery.js')
        script(type="text/javascript" src="javascripts/cookie.js")
        script(src='javascripts/bootstrap.min.js')
        script.
            document.onreadystatechange = function () {
                function $id(id) {
                    return document.getElementById(id)
                }
                var width = 0, id,
                    preloader_line = $id('preloader_line').firstElementChild,
                    preloader = $id('preloader'),
                    preloader_center = $id('preloader_center'),
                    preloader_btn = $id('preloader_btn'),
                    preloader_loading = $id('preloader_loading');
                if (document.readyState == "interactive") {
                    loading(1, 110, 50);
                }
                if (document.readyState == "complete") {
                    loading(5, 120, 16.7);
                    preloader_loading.id = 'preloader_loaded';
                    preloader_loading.innerHTML = 'Loading Complete' + '<br/>' + 'Using: ' + performance.now().toFixed(3) + ' ms';
                    preloader_btn.innerHTML = 'E N T E R';
                    preloader_btn.style.borderBottom = '4px solid green';
                    preloader_btn.style.fontStyle = 'inherit';
                    preloader_btn.style.fontSize = '24px';
                    if (document.styleSheets[0].insertRule) {
                        document.styleSheets[0].insertRule('#preloader_btn:hover{border-bottom: 4px solid green;border-radius: 60px;color: red;}', 0);
                    } else {//兼容IE9以下
                        document.styleSheets[0].addRule('#preloader_btn:hover{border-bottom: 4px solid green;border-radius: 60px;color: red;}', 0);
                    }
                    window.onload = function () {
                        var opacity = 1, id;
                        function hide() {
                            if (opacity <= 0) {
                                clearTimeout(id);
                                preloader.style.display = 'none';
                                document.body.style.overflow = 'hidden';
                                return;
                            }
                            opacity -= 0.1;
                            preloader.style.opacity = opacity;
                            id = setTimeout(function () {
                                hide();
                            }, 50);
                        }
                        hide();
                    };
                }
                function loading(step, max, time) {
                    if (width >= max) {
                        clearTimeout(id);
                        if (max >= 120) {
                            preloader_line.parentNode.style.display = 'none';
                        }
                        return;
                    }
                    width += step;
                    preloader_line.style.width = width + 'px';
                    id = setTimeout(function () {
                        loading(step, max, time);
                    }, time);
                }
            };
        style.
            * {
                padding: 0;
                margin: 0;
            }
            body{
                overflow: hidden;
            }
            #preloader {
                position: absolute;
                width: 100%;
                height: 100%;
                background-color: white;
                z-index: 999;
            }
            #preloader_center {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                width: 150px;
                height: 75px;
                margin: auto;
            }
            #preloader_loading {
                position: absolute;
                left: 0;
                right: 0;
                top: 45px;
                margin: auto;
                width: 96px;
                height: 30px;
            }
            #preloader_loaded {
                position: absolute;
                left: 0;
                right: 0;
                top: 45px;
                margin: auto;
                font-size: 12px;
                text-align: center;
                line-height: 30px;
            }
            #preloader_loading span {
                position: absolute;
                width: 10px;
                height: 2px;
                top: 0;
                bottom: 0;
                margin: auto;
                background-color: #9b59b6;
                animation: loading 2s infinite ease-in-out;
            }
            #preloader_loading span:nth-child(2) {
                left: 12px;
                animation-delay: .1s;
            }
            #preloader_loading span:nth-child(3) {
                left: 24px;
                animation-delay: .2s;
            }
            #preloader_loading span:nth-child(4) {
                left: 36px;
                animation-delay: .3s;
            }
            #preloader_loading span:nth-child(5) {
                left: 48px;
                animation-delay: .4s;
            }
            #preloader_loading span:nth-child(6) {
                left: 50px;
                animation-delay: .5s;
            }
            #preloader_loading span:nth-child(7) {
                left: 62px;
                animation-delay: .6s;
            }
            #preloader_loading span:nth-child(8) {
                left: 74px;
                animation-delay: .7s;
            }
            #preloader_loading span:nth-child(9) {
                left: 86px;
                animation-delay: .8s;
            }
            @keyframes loading {
                0% {
                    height: 2px;
                    background: #9b59b6;
                }
                15% {
                    height: 20px;
                    background: #3498db;
                }
                50% {
                    height: 2px;
                    background: #9b59b6;
                }
                100% {
                    height: 2px;
                    background: #9b59b6;
                }
            }
            iframe {
                width: 100%;
                height: 900px;
                border: none;
            }
            #preloader_btn {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                margin: auto;
                display: block;
                width: 122px;
                height: 40px;
                font-size: 14px;
                text-align: center;
                line-height: 40px;
                cursor: pointer;
                color: #9b59b6;
                font-style: italic;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }
            #preloader_line {
                position: absolute;
                left: 0;
                right: 0;
                top: 40px;
                margin: auto;
                width: 120px;
                height: 2px;
                border: 1px solid green;
            }
            #preloader_line span {
                display: block;
                height: 2px;
                width: 0;
                background-color: green;
            }
    body
        .container-fluid(style='padding: 0;')
            .row(style='margin:0;')
                nav.navbar.navbar-default(style='margin: 0;')
                    .container-fluid
                        .visible-lg.visible-md.col-sm-1
                        .navbar-header(style='')
                            button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-1', aria-expanded='false')
                                span.sr-only Toggle navigation
                                span.icon-bar
                                span.icon-bar
                                span.icon-bar
                            a.navbar-brand(href='#', style='display: inline-block;margin: 0 20px;padding: 0;')
                                img(src='images/jinshan_logo.png', alt='', style='float: left;margin-top: 8px;width: 35px;height: 35px;')
                                span.logoBlo
                                    p(style='font-size:14px;letter-spacing:7px;margin:0;') 上海金山石化物流股份有限公司
                                    p(style='font-size:10px;margin:0;') SHANGHAI JINSHAN PETROCHEMICAL LOGISTICS CO.,LTD
                        .visible-lg.visible-md.visible-sm.col-sm-1
                        #bs-example-navbar-collapse-1.col-xs-5.collapse.navbar-collapse
                            ul.nav.navbar-nav
                                li
                                    a(href='/home') 首页
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 报表
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 新建报表
                                        li
                                            a(href='#') 报表设计
                                        li
                                            a(href='#') 报表管理
                                        li
                                            a(href='/') 报表展示
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 分析
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='/newAnalysis') 新建分析
                                        li
                                            a(href='/analysis') 分析管理
                                li
                                    a(href='#') 预警
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 设置
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 组织机构设置
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 新建组织
                                                li
                                                    a(href='#') 组织管理
                                                li
                                                    a(href='#') 组织机构展示
                                        li
                                            a(href='#') 权限划分设置
                                        li
                                            a(href='#') 页面配置管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 首页模块
                                                li
                                                    a(href='#') 报表页模块
                                                li
                                                    a(href='#') 登录注册模块
                                                li
                                                    a(href='#') 分析模块
                                        li
                                            a(href='#') 接口管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 数据库接口管理
                                                li
                                                    a(href='#') 数据批处理管理
                                                li
                                                    a(href='#') 固定API接口管理
                                                li
                                                    a(href='#') 特定接口开发管理
                                        li
                                            a(href='#') 数据管理
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 数据库对接导入数据
                                                li
                                                    a(href='#') 批处理导入数据
                                                li
                                                    a(href='#') API接口获取数据
                                                li
                                                    a(href='#') 定制开发接口获取数据
                                                li
                                                    a(href='#') 数据抓取获取数据
                                        li
                                            a(href='#') 数据抓取仿真
                                            ul.dropdown-menus
                                                li
                                                    a(href='#') 人工演示
                                                li
                                                    a(href='#') 脚本自动生成
                                                li
                                                    a(href='#') 仿真抓取过程
                                                li
                                                    a(href='#') 数据采集生成
                                                li
                                                    a(href='#') 外接的工具插件
                                li.dropdown
                                    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-haspopup='true', aria-expanded='false')
                                        | 帮助
                                        span.caret
                                    ul.dropdown-menu
                                        li
                                            a(href='#') 新手教程
                                        li
                                            a(href='#') 常见问题
                                        li
                                            a(href='#') 系统使用白皮书
                                        li
                                            a(href='/loading') 股东投票
                            ul.nav.navbar-nav.navbar-right(style='margin-left:100px;')
                                if real_name
                                    li
                                        a(href='javascript:;' onclick="delCookie('jinshan_rabbing')")
                                            span.glyphicon.glyphicon-log-in
                                            |  注销
                                            span(style="padding-left:20px;font-size:14px;color:red;")
                                                | 欢迎您: #{real_name}
        #preloader
            #preloader_center
                span#preloader_btn Loading...
                span#preloader_line
                    span
                #preloader_loading
                    span
                    span
                    span
                    span
                    span
                    span
                    span
                    span
                    span
        iframe(src='http://ddbb.jpl56.com:3000/loading')
